Shakira

Myspace Layouts / Div Overlay

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css">
body {background-color:FFFFFF; background-image:url("http://cbimg9.com/layouts/07/07/16/19538aa.gif"); background-repeat:repeat; background-position:top left; background-attachment:scroll;}

b {font-weight:normal; font-size:8pt; line-height:12px;text-transform:uppercase; text-decoration: none; color:000000; font-family:arial; letter-spacing:1px; background-color:transparent;}
u {font-weight:normal; font-size:8pt; line-height:12px;text-transform:uppercase; text-decoration: none; color:000000; font-family:arial; letter-spacing:1px; background-color:transparent;}
s {color:fa0248;text-decoration:striked; text-transform:lowercase;font-family:century gothic; background-color:transparent; font-size:7pt;}
i {color:000000;font-family:century gothic;font-size:7pt; text-transform:lowercase; background-color:transparent; }

td, .text, div, input {color: !important;}
a {color: !important;}img {border:0px;}
table, tr, td {background:transparent; border:0px;}
div table td font {visibility:hidden;}
div table table table td font {visibility:visible;}
table table table td {visibility:hidden;}
marquee, table table table div td {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}

table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;} 
 table table table table div a, .frm1 input {visibility:visible;}
.bbzComment { You selected to hide comments. }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.overlay {position: absolute; left:350; top:250px;
background-color:transparent; color:000000;
border:0px solid; border-color:red;
width:600px; height:800px; overflow:auto; text-align:left; font-family:century gothic; visibility:visible;}

.links {position: absolute; left:200; top:225px;
background-color:transparent; color:000000;
border:0px solid; border-color:red;
width:600px; height:50px; overflow:auto; text-align:left; font-family:courier new; font-weight:none; line-height: 3px; font-size:7pt; visibility:visible;}

.about  {position: absolute; left:500; top:600px;
background-color:transparent; color:000000;
border:0px solid; border-color:000000;
width:255px; height:150px; overflow:auto; text-align:left; font-family:arial; font-weight:none; line-height: 10px; font-size:8pt; visibility:visible;}

.comment {position: absolute; left:815; top:790px;
background-color:transparent; color:000000;
border:0px solid; border-color:red;
width:255px; height:150px; overflow:auto; text-align:left; font-family:arial; font-weight:none; line-height: 10px; font-size:8pt; visibility:visible;}

BODY{scrollbar-face-color:fa0248; 
  scrollbar-shadow-color:FFFFFF;
  scrollbar-highlight-color:FFFFFF; 
  scrollbar-3dlight-color:FFFFFF;
  scrollbar-darkshadow-color:FFFFFF; 
  scrollbar-track-color:fa0248; 
  scrollbar-arrow-color:ffffff;}

</style>

</td></tr></table><table style="display:none"><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>
<div class="">

<div class="links"><style>
a.one, a.one:link, a.one:active, a.one:visited {
   background-color:transparent;
   font-family:papyrus;
   font-size:18px;
   font-weight: normal;
   color:000000; 
   letter-spacing: 0px;
   text-decoration: none;
   text-transform:none; 
   text-align:CENTER;
   line-height:15px;
    border:0px solid; border-color:000000;

width:150px;text-align:CENTER; font-weight:normal;
   }
a.one:hover {
   background-color:transparent;
   background-image:url();
   font-family:papyrus;
   font-size:18px;
   font-weight: normal;
   color:000000;
   letter-spacing: 0px;
   text-decoration: none;
   text-transform:none; 
   text-align:center;
line-height:15px;

width:150px;text-align:center; font-weight:normal;  
   
   }
a.second, a.second:link, a.second:active, a.second:visited {
   background-color:transparent;
   font-family:papyrus;
   font-size:18px;
   font-weight: normal;
   color:000000; 
   letter-spacing: 0px;
   text-decoration: none;
   text-transform:none; 
   text-align:CENTER;
   line-height:15px;
        border:none;

}
a.second:hover {
   background-color:transparent;
   background-image:url();
   font-family:papyrus;
   font-size:18px;
   font-weight: normal;
   color:000000; 
   letter-spacing: 0px;
   text-decoration: none;
   text-transform:none; 
   text-align:center;
   line-height:15px;

width:150px;text-align:center; font-weight:normal;  
</style>
<center><br><center><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49ZmY1ZjQwNmYtOGVkZS00MGE2LWFiNWUtZTVlNjFhNjdmYWMz" class="one">Home</a> <a 
href="Your message url"  class="second"
>Message</a> <A href="your block url" class="one">Block</a> <a href="link to your pictures" class="second">Pictures</a>

</div>

type aboutyourself here hoes!

</div>

</div>

Layout Code

Copy and paste to Heroes

Help

Layout Comments

Showing latest 9 of 9 comments

I agree with SinfullySweet about the scrollbar...

By PaintMyFace on Jul 16, 2007 3:48 pm

nice, but its not centered, would look better if it was flushed to the left.
as for the nav the choosen font doesn't match at all with the layout, also the headers "about me" and "comment" are too pixled
theres a way to avoid that

By Blaqheartedstar on Jul 16, 2007 3:41 pm

This could be alot better. There is a really huge scrollbar that shows up in the live preview while it doesnt in the screen shot. & Yes, it does seem all over the place. =[

By IBangBaby on Jul 16, 2007 12:37 pm